<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>智能米桶</title>
</head>
<body>
<script>
    var w = document.documentElement.clientWidth,
        fz = w * 20 / 375;
    document.getElementsByTagName('html')[0].style.fontSize = fz + 'px';
</script>
<div class='content' id="minirefresh">
    <div>
        <header class="header _height">智能米桶</header>
        <section class="riceB_info">
            <div class="riceB_content">
                <div class="riceB_details">
                    <div class="comm_list _flex _height">
                        <div>产品名称</div>
                        <div class="_flex1">智能米桶</div>
                    </div>
                    <div class="comm_list _flex _height">
                        <div>温度</div>
                        <div class="_flex1 temperature"></div>
                    </div>
                    <div class="comm_list _flex _height">
                        <div>湿度</div>
                        <div class="_flex1 humidity"></div>
                    </div>
                    <div class="comm_list _flex _height">
                        <div>电量</div>
                        <div class="_flex1 power"></div>
                    </div>
                    <div class="comm_list _flex _height">
                        <div>重量</div>
                        <div class="_flex1 weight"></div>
                    </div>
                </div>
            </div>
        </section>
        <section class="device_info">
            <div class="comm_list info_list _flex _height">
                <div>通信信号</div>
                <div class="_flex1 rssi"></div>
            </div>
            <div class="comm_list info_list _flex _height">
                <div>更新时间</div>
                <div class="_flex1 updateTime"></div>
            </div>
            <div class="comm_list info_list _flex _height">
                <div>设备编号</div>
                <div class="_flex1 riceBucketId"></div>
            </div>
        </section>
        <div>
            随着Web开发技术的发展，Webpack凭借其便于使用和涵盖面广的优势，成为目前非常流行的前端构建工具，是每位前端工程师的必备技能之一。本书对Webpack进行了全面讲解，涵盖了Webpack入门、配置、实战、优化、原理等方面的内容。 [1]
            随着Web开发技术的发展，Webpack凭借其便于使用和涵盖面广的优势，成为目前非常流行的前端构建工具，是每位前端工程师的必备技能之一。本书对Webpack进行了全面讲解，涵盖了Webpack入门、配置、实战、优化、原理等方面的内容。 [1]
            其中，第1章讲解Webpack入门所涉及的知识；第2章详细讲解Webpack提供的常用配置项；第3章结合实际项目中的常见场景进行实践；第4章给出优化Webpack的优秀方案；第5章剖析了Webpack的原理，
            其中，第1章讲解Webpack入门所涉及的知识；第2章详细讲解Webpack提供的常用配置项；第3章结合实际项目中的常见场景进行实践；第4章给出优化Webpack的优秀方案；第5章剖析了Webpack的原理，并讲解如何开发Plugin和Loader；附录汇总了常见的Loader、Plugin和Webpack的其他学习资源。除了深入讲解Webpack，本书还介绍了ES6、TypeScript、PostCSS、Prepack、离线缓存、单页应用、CDN等Web开发相关的技能。无论是对 Webpack一无所知的初学者，还是经验丰富的前端工程师，相信都能够通过本书进一步提升对Webpack的理解，并在Web开发中更熟练地运用Webpack。
        </div>
    </div>
</div>

</body>
</html>